*{margin:0px;padding:0px;}
img { display: block; }
html, body { height: 100%; }

body{min-width:1200px;font-family:'微软雅黑';}
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background:#fff; }

footer img { position: relative; left: 50%; margin-left: -960px; } 

section { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; }
.banner { height: 100%;position:relative; }
.banner .slides { height: 100%; }
.banner .slides .bg{height: 100%;}
.banner li { position: relative; width: 100%; height: 100%; }
.banner .bg { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .bg img{display:block;height:100%;}


.banner .text { position: absolute; top: 0%; left: 50%;margin-top:250px;margin-left: -600px}

.banner .flex-control-nav{position:absolute;height:20px;width:1200px;bottom:160px;left:50%;margin-left:-440px;z-index:99;}
.banner .flex-control-nav li{float:left;width:20px;height:20px;margin-right:10px;}

.banner .flex-control-nav li a{display:block;width:100%;height:100%;background:url(../images/btn_05.png) no-repeat;text-indent:-999px;cursor:pointer;}
.banner .flex-control-nav li a.flex-active{background:url(../images/btn_03.png) no-repeat;}

#sec-0 { position: static; }
#sec-1 { position: fixed; top: 0; left: 0; z-index: 1; }
section { z-index: 2; }
footer { position: relative; z-index: 2; overflow: hidden; }
section .index-title{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-293px;
	margin-top:-350px;
	font-size: 39.99px;
}
#sec-2 { background: #f8f8f8; }
.index-service{
	width: 1200px;
	position: absolute;
	left:50%;
	margin-left:-600px;
	top:50%;
	margin-top:-100px
}
.index-service li{
	width:393px;
	margin-right: 10px;
	float: left;
}
.index-service li img{
	width: 100%;
}
#sec-3 { background: url(../images/index_14.png) no-repeat; background-size: cover; background-position: center center;color:#025510 !important }
#sec-3 .case-1 { position: absolute; top: 0%; left: 50%; margin-left: -510px; margin-top: 150px;width: 1020px; }
.case-1 > div{
	padding-bottom: 50px;
}
.case-1 p{
	font-size: 21px;
	line-height: 1.6;
}
.left1{
	width:350px;
	margin-right:30px	
}
.left1 img{
	-moz-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 5px 5px #7b7e3b;
}
.left2{
	width:340px;	
}
.left2 p{
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	line-height: 1.4;
}
.left2 icon{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #025e12;
	position: absolute;	
	left: 0;
	margin-left: 3px;
	top: 50%;
	margin-top: -6px;
}
#sec-3 h3{ 
	font-size: 40.07px;	
}
.left3{
	width:260px;
	margin-left:20px
}

.circle-img{
	border-radius: 40%;
	margin: 0 auto;
}
.case-2{
	position:absolute;
	bottom: 0;
	left:50%;
	margin-left:-600px;
	margin-bottom:150px
}
.case-3{
	height: 140px !important;
	margin: 80px auto 0;
}
.imgcon{
	height: 140px;
}
.case-logo{
	width:200px;
	margin:0 auto 70px;
}
.case-success{
	width:10000px;
	margin: 00px auto 0;
	
}
.case-success li{
	width: 190px;
	float: left;
	margin-right: 11px;
	border: 2px solid #a9bd78;
	box-shadow: 1px 5px 5px #7b7e3b;
	position: relative;
}
.case-success p,.index-news li p{
	position: absolute;
	left:0;
	bottom: 0;
	background-color: #000;
	opacity: .4;
	width: 100%;
	line-height: 2;
	color: #fff;
	font-size: 14.4px;
	text-align: center;
}
.case-success li img{
	width: 100% !important;
}

.case-prev,.news-prev,.case-next,.news-next{
	display: block;
   	position: absolute;
   	top:50%;
   	width: 30px;
   	height: 60px;
   	margin-top: -30px;
}
 .case-prev,.news-prev{
   	background:url(../images/prev.png) no-repeat;   	
   	left: 0%;   	
   	margin-left: 30px;
}
.case-next,.news-next{
	background:url(../images/next.png) no-repeat;
	right: 0%;
	margin-right: 30px;
}
.news-prev{
	margin-left: 0;
}
.news-next{
	margin-right: 0;
}
.case-success p{
	position: absolute;
	left:0;
	bottom: 0;
	background-color: #000;
	opacity: .4;
	width: 100%;
	line-height: 1.6;
	color: #fff;
	font-size: 14.4px;
	text-align: center;
}
.imgcon,.newscon{
    width:1020px;
    position:relative;
    overflow: hidden;
    margin:0 auto
}
.newscon{
	width:987px;
	height: 520px;
}
.imgcontainer,.newscontainer{
    width:6000px;
    position:absolute;
    left:0px;
    top:00px;
    margin:0px
}
.news-2 img{
	width:100%
}
.index-news{
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	margin-bottom: 180px;
	width: 1200px;
}
.index-news li{
	width:454px;
	float: left;
	margin-left: 20px;
	margin-right:20px;
	position: relative;
}
.index-news li p{
	opacity: .7;
	text-align: left;
	text-indent: 10px;
}
/*共用底部CSS */
footer { background:#373c40; color:#fff; font-family:'Microsoft YaHei';}

.clr{ clear:both;}

/*2014-09-18*/

.language{ position:absolute; left:0; top:20px; /*background:#fff;*/}
.language li{ line-height:25px; padding:0px 5px; background:#FF0000}
.language li a{color:#FFFFFF; text-decoration:none;}
.language li a:hover{ color:#999;}
.nav .shop_online a{width:80px;height:137px; position:absolute; right:0px; top:0px; z-index:9999;}



.index-product-text p a {
    color: #fed900;
    text-decoration: none;
}
/*2014-09-28*/
@media only screen and (min-width: 240px) and (max-width: 1024px){
	section{
		height: 800px;
	}
	#sec-1{
		position: relative;
	}
	#sec-0{
		height: 0;
		overflow: hidden;
	}
	#sec-3 .product-2 p{
		display: none;
	}
	
}
	body{
			position: relative;
			height: 100%;
		}
		.customer{
			position: fixed;
			top: 50%;
			margin-top: -160px;
			right: 0;
			margin-right: 0;
			height: 270px;
			width: 90px;
			background-color: #8ac330;
			z-index: 9999;
		}
		.customer li{
			border-bottom: 1px solid #fff;
			padding:11px 10px 6px
		}
		.customer li:last-child{
			border-bottom: 0;
		}
		.customer li a{
			display: block;
			width: 100%;
			color: #fff;
			font-size: 13.66px;
		}
		.customer li a img{
			margin: 0 auto;
		}
		.customer li p{
			line-height: 2;
		}
		
		@-webkit-keyframes shake {
			0%, 100% {-webkit-transform: translateX(0);}
			10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
			20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
		}
		
		@-moz-keyframes shake {
			0%, 100% {-moz-transform: translateX(0);}
			10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
			20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
		}
		
		@-o-keyframes shake {
			0%, 100% {-o-transform: translateX(0);}
			10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
			20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
		}
		
		@keyframes shake {
			0%, 100% {transform: translateX(0);}
			10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
			20%, 40%, 60%, 80% {transform: translateX(10px);}
		}
		
		.shake {
			-webkit-animation-name: shake;
			-moz-animation-name: shake;
			-o-animation-name: shake;
			animation-name: shake;
		}
		.shake.shake-constant.shake-horizontal {
		    -webkit-animation-name: shake-horizontal;
		    -ms-animation-name: shake-horizontal;
		    animation-name: shake-horizontal;
		    -webkit-animation-duration: 100ms;
		    -ms-animation-duration: 100ms;
		    animation-duration: 100ms;
		    -webkit-animation-iteration-count: infinite;
		    -ms-animation-iteration-count: infinite;
		    animation-iteration-count: infinite;
		    -webkit-animation-timing-function: ease-in-out;
		    -ms-animation-timing-function: ease-in-out;
		    animation-timing-function: ease-in-out;
		    -webkit-animation-delay: 0s;
		    -ms-animation-delay: 0s;
		    animation-delay: 0s;
		    -webkit-animation-play-state: running;
		    -ms-animation-play-state: running;
		    animation-play-state: running
		}
		
/*客服*/
	.tel-page{
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			z-index: 9999999;
			opacity: .7;
			filter: alpha(opacity=70);
		}
		.layer{
			width: 430px;			
			padding: 50px;
			background-color: #fff;
			position: fixed;
			left: 50%;
			top: 50%;
			margin-left: -265px;
			margin-top: -109px;
			z-index: 999999999;
		}
		.layer li{
			width: 100%;		
		}
		.layer-tel h3{
			font-size: 26px;
		}
		.layer-tel p{
			font-size: 18px;
		}
		.layer-net,.layer-qq{
			width: 100%;
			background-color: #8ac330;
			
		}
		.layer-net a,.layer-qq a{
			font-size: 18px;
			color: #fff;
			height: 40px;
			line-height: 40px;
		}
		.layer img{
			display: inline-block;
			vertical-align: top;
		}
		.other-way{
			font-size: 14px;
		}
		.close-layer{
			position: absolute;
			right: 20px;
			top: 20px;
		}
		.display-block{
			display: block;
		}
		.display-none{
			display: none;
		}